import { createRouter, createWebHistory } from "vue-router";

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: "/",
      component: () => import("../views/Main.vue"),
      children: [
        {
          path: "/home",
          component: () => import("../views/home/Home.vue"),
        },
        {
          path: "/user",
          component: () => import("../views/user/User.vue"),
        },
        {
          path:"/disease_type",
          component: () => import("../views/disease_type/Disease_type.vue"),
        },
        {
          path:"/animals_species_management",
          component: () => import("../views/animals_species_management/Animals_species_management.vue"),
        },
        {
          path: "/vaccine_management",
          component: () => import("../views/vaccine_management/Vaccine_management.vue"),
          children: [
            {
              path: "vaccine_quantity",
              component: () => import("../views/vaccine_management/management/Vaccine_quantity.vue"),
            },
            {
              path: "vaccine_type",
              component: () => import("../views/vaccine_management/management/Vaccine_type.vue"),
            },
          ],
        },

        {
          path: "/materials_management",
          component: () => import("../views/materials_management/Materials_management.vue"),
          children: [
            {
              path: "material_transportation_tracking",
              component: () => import("../views/materials_management/management/Material_transportation_tracking.vue"),
            },
            {
              path: "materials_quantity",
              component: () => import("../views/materials_management/management/Materials_quantity.vue"),
            },
          ],
        },

        // {
        //   path: "/other",
        //   component: () => import("../views/other/Other.vue"),
        //   children: [
        //     {
        //       path: "page1",
        //       component: () => import("../views/other/pages/Page1.vue"),
        //     },
        //     {
        //       path: "page2",
        //       component: () => import("../views/other/pages/Page2.vue"),
        //     },
        //   ],
        // },
      ],
    },
  ],
});

export default router;
